@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="travelReimburseForm">
            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="TravelReimburseInfoDlg.saveSubmit()"/>
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TravelReimburseInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TravelReimburseInfoDlg.goBack()"/>
                </div>
            </div>

            <input type="hidden" id="id" value="">
            <div class="row">
                <div class="col-sm-6 b-r">
                    <#select id="location" name="地区" underline="true" required="true">
                        <option value='1'>重庆</option>
                        <option value='2'>北京</option>
                    </#select>
                    <div class="form-group required">
                        <label class="col-sm-3 control-label">项目名称</label>
                        <div class="col-sm-9">
                            <select class='form-control selectpicker' data-live-search="true" id='projectid' name='projectid'>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="travelreason" name="出差事由" required="true"/>
                </div>
                <div class="col-sm-6">
                    <#input name="部门" id="departs" readonly="readonly" hidden="deptid"
                    clickFun="TravelReimburseInfoDlg.showDeptSelectTree(); return false;"
                    style="background-color: #ffffff !important;" underline="true" required="true"/>
                    <#input id="code" name="项目编号" readonly="readonly" underline="true"/>
                    <div class="form-group required">
                        <label class="col-sm-3 control-label">申请时间</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="applytime" name="applytime">
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-12">
                    <table class="table table-bordered" id="para_table">
                        <tr>
                            <th style="text-align:center" colspan="2">行程起</th>
                            <th style="text-align:center" colspan="2">行程止</th>
                            <th style="text-align:center" rowspan="2">主要目的及具体工作安排</th>
                            <th style="text-align:center" rowspan="2">操作</th>
                        </tr>
                        <tr>
                            <th style="text-align:center">时间</th>
                            <th style="text-align:center">地点</th>
                            <th style="text-align:center">时间</th>
                            <th style="text-align:center">地点</th>
                        </tr>
                        <tr class="travelContent" id="0">
                            <td class="col-md-6">
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <input type="text" class="form-control" id="fromtime" name="fromtime0">
                                    </div>
                                </div>
                            </td>
                            <td class="col-md-6">
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <input class="form-control" type="text" id="fromlocation" name="fromlocation0"/>
                                    </div>
                                </div>
                            </td>
                            <td class="col-md-6">
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <input class="form-control" type="text" id="totime" name="totime0"/>
                                    </div>
                                </div>
                            </td>
                            <td class="col-md-6">
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <input class="form-control" type="text" id="tolocation" name="tolocation0"/>
                                    </div>
                                </div>
                            </td>
                            <td class="col-md-6">
                                <div class="form-group">
                                    <div class="col-sm-12">
                                        <input class="form-control" type="text" id="target" name="target0"/>
                                    </div>
                                </div>
                            </td>
                            <td class="col-md-6">
                                <#button type="button" icon="fa-minus" name="删除" clickFun="TravelReimburseInfoDlg.deleteRow(this, 'add', 0)"/>
                            </td>
                        </tr>
                    </table>
                    <div id="addtrdiv" style="margin-top:-15px; width: 15%; float: right;">
                        <#button btnCss="primary" icon="fa-plus" name="添加" clickFun="TravelReimburseInfoDlg.addRow()"/>
                    </div>
                </div>
                <div class="col-sm-6 b-r">
                    <div class="form-group required">
                        <label class="col-sm-3 control-label">住宿(元)</label>
                        <div class="col-sm-9">
                            <input class="form-control" type="text" id="accommodationfee" name="accommodationfee" onblur="TravelReimburseInfoDlg.countTotal();return false;"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group required">
                        <label class="col-sm-3 control-label">天数</label>
                        <div class="col-sm-9">
                            <input class="form-control" type="text" id="traveldays" name="traveldays" onblur="TravelReimburseInfoDlg.countSubsidy();return false;"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#select id="travelmethod" name="交通方式" underline="true" required="true">
                        <option value='1'>飞机</option>
                        <option value='2'>火车</option>
                        <option value='3'>高铁</option>
                        <option value='4'>汽车</option>
                        <option value='5'>其他</option>
                    </#select>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">其他(元)</label>
                        <div class="col-sm-9">
                            <input class="form-control" type="text" id="othercash" name="othercash" onblur="TravelReimburseInfoDlg.countTotal();return false;"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="ticketnums" name="单据张数" underline="true" required="true"/>
                    <div class="form-group required">
                        <label class="col-sm-3 control-label">审批人</label>
                        <div class="col-sm-9">
                            <select class='form-control selectpicker' data-live-search="true" id='assignee' name='assignee'>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group required">
                        <label class="col-sm-3 control-label">市内交通(元)</label>
                        <div class="col-sm-9">
                            <input class="form-control" type="text" id="trafficfee" name="trafficfee" onblur="TravelReimburseInfoDlg.countTotal();return false;"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="subsidy" name="出差补助(85元/天)" readonly="readonly" underline="true"/>
                    <div class="form-group required">
                        <label class="col-sm-3 control-label">交通费(元)</label>
                        <div class="col-sm-9">
                            <input class="form-control" type="text" id="travelfee" name="travelfee" onblur="TravelReimburseInfoDlg.countTotal();return false;"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="totalfee" name="小计(元)" readonly="readonly" underline="true"/>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">预借现金(元)</label>
                        <div class="col-sm-9">
                            <input class="form-control" type="text" id="applycash" name="applycash" onblur="TravelReimburseInfoDlg.countAdjustCash();return false;"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <#input id="adjustcash" name="退/补金额(元)" readonly="readonly" underline="true"/>
                </div>
            </div>
            <!-- 这是部门选择的下拉框 -->
            <div id="menuContent" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="treeDemo" class="ztree tree-box" style="width: 249px !important;"></ul>
            </div>
            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="TravelReimburseInfoDlg.saveSubmit()"/>
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TravelReimburseInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TravelReimburseInfoDlg.goBack()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/biz/reimburse/travel/travelReimburse_info.js"></script>
<script>
    laydate.render({
        elem: 'input[name="fromtime0"]'
    });
    laydate.render({
        elem: 'input[name="totime0"]'
    });
    laydate.render({
        elem: '#applytime'
    });
</script>
@}
